<%@include file="init.jsp" %>
<%@page import="issr.market.model.ErogazioneProdotto" %>
<%@page import="issr.market.model.Prodotto" %>
<%@page import="java.util.List" %>

<% 
	boolean check = (Boolean)request.getAttribute("checkStep")==null?false : (Boolean)request.getAttribute("checkStep") ; 
	
	List<ErogazioneProdotto> prodottiDisponibili = (List<ErogazioneProdotto>)request.getAttribute("validiList");	
	List<ErogazioneProdotto> prodottiScaduti = (List<ErogazioneProdotto>)request.getAttribute("scadutiList");	
	List<ErogazioneProdotto> prodottiLimitati = (List<ErogazioneProdotto>)request.getAttribute("limitatiList");	
	List<Prodotto> prodottiEsauriti = (List<Prodotto>)request.getAttribute("esauritiList");	
	
	int disponibiliSize = (prodottiDisponibili == null) ? 0 : prodottiDisponibili.size();
	int scadutiSize = (prodottiScaduti == null) ? 0 : prodottiScaduti.size();
	int limitatiSize = (prodottiLimitati == null) ? 0 : prodottiLimitati.size();
	int esauritiSize = (prodottiEsauriti == null) ? 0 : prodottiEsauriti.size();
	
	String scadutiParameters = "";
	if(prodottiScaduti!=null){
		scadutiParameters += "actionToDo=segnalaScaduti";
		
		for(ErogazioneProdotto prodotto : prodottiScaduti)
			scadutiParameters += "&idLotti="+prodotto.getIdLotto();	
	}	
	
	
%>

<title>- Pannello Operatore Banco</title>



<body>

<script>
	var idEntry = 1;
	function addEntry(){
		idEntry++;
		
		$("#tableBody").append(
				"<tr id=\"entry-"+idEntry+"\">"+
					"<c:if test='"+<%=check%>+"'><td>//</td></c:if>"+
					"<td><input type=\"text\" id=\"idProdotto\" name=\"idProdotto\" onKeyup=\"checkStatusEroga()\"/></td>"+
					"<!-- td><input type=\"text\" id=\"idLotto\" name=\"idLotto\" onKeyup=\"checkStatusEroga()\"/></td -->"+
					"<td><input type=\"text\" id=\"qProdotti\" name=\"qProdotti\" size='4' style='width:50px !important;' onKeyup=\"checkStatusEroga()\"/></td>"+
					"<td style='vertical-align: middle; text-align: center;'><div class='delete-but' onclick=\"removeEntry("+idEntry+")\" ></div></td>"+
				"</tr>");
	}
	
	function removeEntry(id){
		$("#entry-"+id).remove();
		idEntry--;
	}
	
	function checkStatusEroga(){
		if($("#idProdotto").val()!="" && $("#idLotto").val()!="" && $("#qProdotti").val()!=""){
			$("#erogaButton").removeAttr("disabled");
		}
	}
	
	function showScaduti(){
		if($("#scadutiClick").html()=="Mostra"){
			$("#scaduti-box").show("slow");
			$("#scadutiClick").html("Nascondi");
		}
		else if($("#scadutiClick").html()=="Nascondi"){
			$("#scaduti-box").hide("slow");
			$("#scadutiClick").html("Mostra");
		}
	}
	
	function showEsauriti(){
		if($("#esauritiClick").html()=="Mostra"){
			$("#esauriti-box").show("slow");
			$("#esauritiClick").html("Nascondi");
		}
		else if($("#esauritiClick").html()=="Nascondi"){
			$("#esauriti-box").hide("slow");
			$("#esauritiClick").html("Mostra");
		}
	}
	
	function segnalaScaduti(){
		 $.ajax({
	         type: "POST",
	         url: "banco",
	         data: "<%=scadutiParameters%>",
	         success: function(response){
	        	 		$("#scaduti-warn").html("<b>Segnalazione effettuata</b>");
	        	 		$("#scaduti-box").remove();
	                  }
	    });

	}
	
</script>
<!-- style>
	table thead tr td:nth-child(1), table thead tr td:nth-child(2) {
		width:206px;
	}
	
	table thead tr td:nth-child(3){
		width:50px;
	}
	table thead tr td:nth-child(4){
		width:16px;
	}
</style -->

	<div align="center">
		<form id="erogaProdottiForm" name="erogaProdottiForm" action="banco" method="post">
			<input type="hidden" name="actionToDo" value="erogaProdotti" />
			<fieldset>
				<legend>Erogazione prodotti</legend>
				<table id="erogazioneTable">
					<thead>
						<tr>
							<c:if test="<%=check %>">
								<td><b>Nome Prodotto</b></td>
							</c:if>	
								<td><b>ID Prodotto</b></td>
								<!--  td><b>ID Lotto</b></td -->
								<td><b>Quantit&agrave;</b></td>
								<td></td>
						</tr>
					</thead>
					<tbody id="tableBody">
						<c:choose>
							<c:when test="<%=check %>">
								<input type="hidden" name="secondStep" id="secondStep" value="Y" />
								<%for(int i=0; i<prodottiDisponibili.size();i++){ 
									ErogazioneProdotto eProd = prodottiDisponibili.get(i);%>
									<tr id="entry-100<%=i%>">
										<td><input type="text" name="nomeProdotto" id="nomeProdotto" value="<%=eProd.getNomeProdotto() %>" disabled="disabled" /></td>
										<td><input type="text" id="idProdotto" name="idProdotto" onKeyup="checkStatusEroga()" value="<%=eProd.getIdProdotto() %>"/></td>
										<!-- td><input type="text" id="idLotto" name="idLotto" onKeyup="checkStatusEroga()" value="< % =eProd.getIdLotto() % >"/></td -->
										<td><input type="text" id="qProdotti" name="qProdotti" size="4" style="width:50px !important;" onKeyup="checkStatusEroga()" value="<%=eProd.getQuantita()%>"/></td>
										<td style="vertical-align: middle; text-align: center;"><div class="delete-but" onclick="removeEntry(100<%=i%>)" ></div></td>
									</tr>
								<% } %>
								<%for(int i=0; i<prodottiLimitati.size();i++){ 
									ErogazioneProdotto eProd = prodottiLimitati.get(i);%>
									<tr id="entry-100<%=i+prodottiDisponibili.size()%>">
										<td><input type="text" name="nomeProdotto" id="nomeProdotto" value="<%=eProd.getNomeProdotto() %>" disabled="disabled" /></td>
										<td><input type="text" id="idProdotto" name="idProdotto" onKeyup="checkStatusEroga()" value="<%=eProd.getIdProdotto() %>"/></td>
										<!-- td><input type="text" id="idLotto" name="idLotto" onKeyup="checkStatusEroga()" value="< % =eProd.getIdLotto() % >"/></td -->
										<td><input type="text" id="qProdotti" name="qProdotti" size="4" style="width:50px !important; font-weight:bold; color: rgb(255,0,0)" onKeyup="checkStatusEroga()" value="<%=eProd.getQuantita()%>"/></td>
										<td style="vertical-align: middle; text-align: center;"><div class="delete-but" onclick="removeEntry(100<%=i+prodottiDisponibili.size()%>)" ></div></td>
									</tr>
								<% } %>
							</c:when>
							<c:otherwise>
								<tr id="entry-1">
									<td><input type="text" id="idProdotto" name="idProdotto" onKeyup="checkStatusEroga()"/></td>
									<!-- td><input type="text" id="idLotto" name="idLotto" onKeyup="checkStatusEroga()"/></td -->
									<td><input type="text" id="qProdotti" name="qProdotti" size="4" style="width:50px !important;" onKeyup="checkStatusEroga()"/></td>
									<td style="vertical-align: middle; text-align: center;"><div class="delete-but" onclick="removeEntry(1)" ></div></td>
								</tr>
							</c:otherwise>
						</c:choose>
					</tbody>	
				</table>		
			</fieldset>
			<div>
				<input type="button" name="add"	 value="Aggiungi Prodotto" onclick="addEntry()"/>
				<input type="submit" id="erogaButton" name="erogaButton" value="Eroga" disabled="disabled" />
				<input type="checkBox" name="ricevutaBox" id="ricevutaBox" checked="checked" />Emetti Ricevuta
			</div><div class="clear"></div>
		</form>
	</div><div class="clear"></div>
	<c:if test="<%=scadutiSize > 0 %>">
		<div id="scaduti-warn" style="margin-top:30px;" align="center">
			<p>Sono stati rilevati prodotti scaduti. <p id="scadutiClick" onclick="showScaduti()" style="cursor:pointer; font-weight:bold;">Mostra</a></p>
			<input type="button" name="segnalaScaduti" value="Segnala" onclick="segnalaScaduti()"/>
		</div>
		<div id="scaduti-box" style="display:none;" align="center">
			<form id="scadutiForm" name="scadutiForm" action="gestioneProdotti" method="post" >
				<input type="hidden" name="actionToDo" value="segnalaScaduti" />
				<fieldset>
					<legend>Prodotti Scaduti</legend>
					<table id="scadutiTable">
						<thead>
							<tr>
								<td><b>Nome Prodotto</b></td>
								<td><b>ID Prodotto</b></td>
								<td><b>ID Lotto</b></td>
							</tr>
						</thead>
						<tbody>
						<% for(ErogazioneProdotto prodotto : prodottiScaduti){%>
							<tr>
								<td><%=prodotto.getNomeProdotto() %></td>
								<td><%=prodotto.getIdProdotto() %><input type="hidden" name="idProdotto" value="<%=prodotto.getIdProdotto() %>" /></td>
								<td><%=prodotto.getIdLotto() %><input type="hidden" name="idLotto" value="<%=prodotto.getIdLotto() %>" /></td>
							</tr>
						<%} %>
						</tbody>
					</table>
				</fieldset>
 			</form>
		</div>
	</c:if>
	<c:if test="<%=esauritiSize > 0 %>">
		<div style="margin-top:30px;" align="center">
			<p>Sono stati rilevati e segnalati prodotti esauriti. <p id="esauritiClick" onclick="showEsauriti()" style="cursor:pointer; font-weight:bold;">Mostra</p>
		</div>
		<div id="esauriti-box" style="display:none;" align="center">
			<form id="esauritiForm" name="esauritiForm" action="operatoreBanco" method="post" >
				<fieldset>
					<legend>Prodotti Esauriti</legend>
					<table id="esauritiTable">
						<thead>
							<tr>
								<td><b>Nome Prodotto</b></td>
								<td><b>ID Prodotto</b></td>
							</tr>
						</thead>
						<tbody>
						<% for(Prodotto prodotto : prodottiEsauriti){%>
							<tr>
								<td><%=prodotto.getNomeProdotto() %></td>
								<td><%=prodotto.getIdProdotto() %></td>
							</tr>
						<%} %>
						</tbody>
					</table>
				</fieldset>
 			</form>
		</div>
	</c:if>
</body>